<div class="modal fade" id="modalDispositivos" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="glyphicon glyphicon-remove-circle"></i></button>
                <h3 id="myModalLabel">Nuevo Dispositivo</h3>
            </div>
            <form id="agregaDispositivo" name="agregaDispositivo" action="javascript:agregar_dispositivo();" method="post">
            <div class="modal-body">
                
                <input type="hidden" id="modo" name="modo" value="modo">
                <input type="hidden" id="iddispositivo" name="iddispositivo" value="">
                <input type="hidden" id="row" name="row" value="">
                       <div class="well">
                            <legend>Datos del Dispositivo</legend>
                            <?php
                                echo "<div class='row'>";
                                    echo "<div class='col-xs-6'>";
                                        echo form_label("IMEI", "serie");
                                        echo form_input(array(
                                                'name'        => 'serie',
                                                'maxlenght'   => '15',
                                                'id'          => 'serie',
                                                'class'       => 'form-control',
                                                'required'    => 'required',
                                                'pattern'     => '^\d{15}(,\d{15})*$',
                                                'title'       => 'Debe escribir el número de serie del dispositivo, 15 dígitos.',
                                                'onChange'    => 'validaSerie();'
                                              ));
                                    echo "</div>";
                                    echo "<div class='col-lg-6'>";
                                        echo form_label("MAC WiFi", "macwifi");
                                        echo form_input(array(
                                                'name'        => 'macwifi',
                                                'id'          => 'macwifi',
                                                'placeholder' => '00:08:74:4C:7F:1D',
                                                'class'       => 'form-control',
                                                'pattern'     => '^([0-9a-fA-F][0-9a-fA-F]:){5}([0-9a-fA-F][0-9a-fA-F])$',
                                                'title'       => 'Ejemplo: 00:08:74:4C:7F:1D'
                                              ));
                                    echo "</div>";
                                echo "</div>";
                                echo form_label("Asignado a", "asignado");
                                echo form_input(array(
                                        'name'        => 'asignado',
                                        'id'          => 'asignado',
                                        'class'       => 'form-control uppercase',
                                        'required'    => 'required',
                                        'title'       => 'Nombre de la persona que estará a cargo del dispositivo.'
                                      ));
                                
                                echo "<div class='row'>";
                                    echo "<div class='col-lg-6'>";
                                        echo form_label("Número de Teléfono", "telefono");
                                        echo form_input(array(
                                                'name'        => 'telefono',
                                                'id'          => 'telefono',
                                                'class'       => 'form-control',
                                                'pattern'     => '^\+?\d{1,3}?[- .]?\(?(?:\d{2,3})\)?[- .]?\d\d\d[- .]?\d\d\d\d$',
                                                'required'    => 'required',
                                                'title'       => 'Número telefónico asociado al dispositivo.'
                                              ));
                                    echo "</div>";
                                    echo "<div class='col-lg-6'>";
                                        echo form_label("Transmitir cada", "minutos");
                                        echo "<div class='input-group'>";
                                            echo form_input(array(
                                                    'name'        => 'minutos',
                                                    'id'          => 'minutos',
                                                    'type'        => 'number',
                                                    'min'         => '10',
                                                    'max'         => '120',
                                                    'class'       => 'form-control',
                                                    'required'    => 'required',
                                                    'title'       => 'Intervalo de transmisión de posición.'
                                                  ));
                                            echo "<span class='input-group-addon'>Min.</i></span>";
                                        echo "</div>";
                                    echo "</div>";
                                echo "</div>";
                                echo "<div class='row'>";
                                    echo "<div class='col-lg-6'>";
                                        echo form_label("Marca", "marca");
                                        echo form_input(array(
                                                'name'        => 'marca',
                                                'id'          => 'marca',
                                                'class'       => 'form-control uppercase',
                                                'title'       => 'Seleccione la marca del dispositivo.'
                                              ));
                                    echo "</div>";
                                    echo "<div class='col-lg-6'>";
                                        echo form_label("Sistema Operativo", "sistemaop");
                                        echo form_input(array(
                                                'name'        => 'sistemaop',
                                                'id'          => 'sistemaop',
                                                'class'       => 'form-control uppercase',
                                                'title'       => 'Seleccione la versión de Android.'
                                              ));
                                    echo "</div>";
                                echo "</div>";
                            ?>
                        </div>
            </div>
            
            <div class="modal-footer">
                <button class="btn btn-default" rol="button" data-dismiss="modal" type="button" value="Cerrar" onclick="limpiarModalDispositivos() ">Cerrar</button>
                <button class="btn btn-primary" rol="button"  type="submit" value="Guardar" >Guardar</button>
             </div>
           </form>

            </div>
       </div>
</div>


<!--rutas-->
<div class="modal fade" id="panelruta" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="glyphicon glyphicon-remove-circle"></i></button>
                <h3 id="myModalLabel">Reporte de recorrido</h3>
            </div>
            <form id="panelrutaForm" method="post">
                <div class="modal-body">
                     <div class="well">
                        <legend>Periodo</legend>
                        <input id="iddispositivo" style="display: none;" value="" />
                        <div class="row">
                            <div class='col-lg-6'>
                                <label class="control-label" for="inputFechaIni">Fecha de inicio</label>
                                <div class='input-group'>
                                    <span class='input-group-addon'><i class='glyphicon glyphicon-calendar'></i></span>
                                    <input type="text" id="inputFechaIni" name="inputFechaI"  class="form-control dp" required>
                                </div>
                            </div>
                            <div class='col-lg-6'>
                                <label class="control-label" for="inputFechaTer">Fecha de t&eacute;rmino</label>
                                <div class='input-group'>
                                    <span class='input-group-addon'><i class='glyphicon glyphicon-calendar'></i></span>
                                    <input type="text" id="inputFechaTer"  onchange="validarFecha(this);" name="inputFechaT"  class="form-control dp" required>
                                </div>
                            </div>
                        </div>
                     </div>
               </div>
               <div class="modal-footer">
                    <a href="#" class="btn btn-default" data-dismiss="modal">Cancelar</a>
                    <a title="Reporte de recorrido mapa" class="btn btn-info" href="#panelruta" data-toggle="modal"  onclick="mostrar_ruta()"><i class="glyphicon glyphicon-globe"></i></a>
                    <a title="Reporte de recorrido tabla" class="btn btn-danger" href="#panelruta" data-toggle="modal"  onclick="tabla_puntos();"><i class="glyphicon glyphicon-list-alt"></i></a>
                </div>
             </form>    
           
       </div>
    </div>
</div>
<!--/ rutas-->

